<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>10样式的继承</title>
    <style>
        /* 样式继承：我们为一个元素设置的样式，也会应用到它的后代元素
                    发生在祖先和后代之间
                注意：不是所有的样式都会被继承
                    比如 背景相关的，布局相关等 */
        p{color: red;
            background-color: orange;
        }
        div{color: yellowgreen;}
    </style>
</head>
<body>
    <p>
        我是p元素<br>
        <span>我是p元素中的span</span>
    </p>
    <span>我是p外的span</span>
</body>
</html>